	<!-- **Main - Starts** --> 
		<div id="main">
        
        	
            
        	<div class="dt-sc-margin20"></div>  
							<?php if($this->session->flashdata("good_company") !==false && $this->session->flashdata("good_company") == 1){	?>
								<div class="container">
									<div class="alert alert-success" role="alert" style="width:100%;">
										<a type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only"></span></a>
										<strong>NOTE !</strong> Your exam is submitted to teacher for a review.
									</div>
								</div>
								<?php } ?>
			<!-- **Full-width-section - Starts** -->       
			<div class="full-width-section">
				<div class="container">
						<div class="column dt-sc-one-third first animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Class Schedule </h5>
								<div class="full-width-section">
									<div class="column dt-sc-one-half first">
										<p> View your class schedules:</p> 
									</div>
									<div class="column dt-sc-one-half middle-align">
										<a href="#Schedule" role="button" class="btn" data-toggle="modal"><input class="button-small" value="View Calendar" type="submit"></a>
									</div>
								</div>
							</div>
						</div>
						<div class="column dt-sc-one-third animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Library/ Material For reference (class 1) </h5>
								<div class="full-width-section">
									<div class="column dt-sc-one-half ">
										<p> View Library/ Material</p> 
									</div>
									<div class="column dt-sc-one-half middle-align">
										<a href="#library" role="button" class="btn" data-toggle="modal"><input class="button-small" value="Click to View" type="submit"></a>
									</div>
								</div>
							</div>
						</div>
						<div class="column dt-sc-one-third animate fadeInLeft" data-animation="fadeInLeft" data-delay="100">
							<div class="dt-sc-ico-content type25">
								<h5 class="middle-align"> Notification-Board </h5>
								<div class="full-width-section">
									<div class="column dt-sc-one-half ">
										<marquee onmouseover="this.stop();" onmouseout="this.start();"> 
										<ul>
											<?php $notifications = $this->db->order_by('id','desc')->get('tbl_notification')->result_array();
											foreach($notifications as $notification){
												?>
												<li><a href="#"> <?php echo $notification['title']; ?> </a></li>
												<?php
											}
											?>
											
										</ul>
									</marquee> 
									</div>
									<div class="column dt-sc-one-half middle-align">
										<a href="<?php echo site_url('home');?>/notification" role="button" class="btn" data-toggle="modal"><input class="button-small" value="Click to View" type="submit"></a>
									</div>
								</div>
							</div>
						</div>
				</div>
			</div> <!-- **Full-width-section - Ends** --> 
            <div class="dt-sc-margin20"></div> 
            
           <div id="colorchanger" class="full-width-section grey1">
		   <div id="colorSelector"><div style="background-color: #0000ff"></div></div>
		   <!-- <div onclick="changeColor();" class="color_picker" title="Color-Changer"><span style="margin-top:10px"  class="fa fa-adjust"></span></div> -->
            	<div class="dt-sc-margin20"></div>  
				<h3 class="aligncenter">Enter into Virtual Class </h3>	
                <div class="container">
				<?php
								$user_course = $this->db->get_where("users",array("user_id"=>$this->session->userdata('user_data')["user_id"]))->row()->course;								
								$user_course = explode("-",$user_course);
								$user_board  =  $user_course[0];
								$user_class  =  $user_course[1];									
								$question_papers = $this->db->get_where("tbl_exams",array("board_id"=>$user_board,"class_id"=>$user_class))->result_array();							
								foreach($question_papers as $key => $question_paper )
								{ 
								if($this->db->get_where("exam_submits",array("exam_id"=>$question_paper["id"],"submitted_by_user"=>$this->session->userdata('user_data')["user_id"]))->num_rows() >0 )
								{
									if($this->db->get_where("exam_submits",array("exam_id"=>$question_paper["id"],"submitted_by_user"=>$this->session->userdata('user_data')["user_id"]))->row()->status == 1)
									{									
									?>
									<div class="alert alert-success" role="alert" style="width:100%;">
										<a type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only"></span></a>
										<strong>NOTE !</strong> CLick <a href="<?php echo base_url();?>index.php/home/question_paper_report/<?php echo $question_paper["id"]; ?>"><?php echo $question_paper["description"]; ?></a> To get Your exam report.
									</div>
									<?php
									}									
								}
								else{
								?>
									<div class="alert alert-success" role="alert" style="width:100%;">
										<a type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only"></span></a>
										<strong>NOTE !</strong> CLick <a href="<?php echo base_url();?>index.php/home/question_paper/<?php echo $question_paper["id"]; ?>"><?php echo $question_paper["description"]; ?></a> To get Your exam.
									</div>
								<?php
								}
								}
								?>
					
					
					<div class="alert alert-warning" role="alert">
                        <a type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only"></span></a>
                        <strong>Class Not Started !</strong> You are too early to the Classroom.
                    </div>
                    <div class="column dt-sc-one-half first">
					 <h5 class="panel-title"><span class="fa fa-file-video-o"></span> Teacher has taken the class </h5>
                    	<video controls="">
							<source src="" type="video/webm;codecs=&quot;vp8, vorbis&quot;">
                            <source src="" type="video/ogg;codecs=&quot;vp8, vorbis&quot;">
                          	<source src="" type="video/mp4;codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
                         </video>
                    </div>
                    
                    <div class="column dt-sc-one-fourth"> 
						<div class="panel panel-default">
                                <div class="panel-heading ui-draggable-handle">
                                    <h5 class="panel-title"><span class="fa fa-comments"></span> Ask questions </h5>
                                </div>
                                <div class="panel-body">

                                    <div class="messages messages-img" id="log">
                                        									
                                    </div>                                

                                <div class="panel-footer">
                                    <div class="input-group">                                    
                                        <input type="text" class="form-control" id='message' name='message' placeholder="Type your question...">
                                        <span class="input-group-btn">
                                            <input class="botton" value="Send" id="send_msg" type="submit">
                                        </span>                                    
                                    </div>    
                                </div>
                                </div>
                        </div>
                    </div>
                    <div class="column dt-sc-one-fourth"> 
						<div class="panel-default">
							 <h5 class="panel-title"><span class="fa fa-paperclip"></span> Assignments Track sheet </h5>
								<div class="messages messages-assign">
								
									<div class="dt-sc-ico-content type6">
										<p style="color: #fff;"> 1. Assignment(01/03/2015 ) </p>
									</div>		
								</div>
						</div>
                    </div>
                </div> <!-- **container - Ends** -->
				<div class="dt-sc-margin20"></div> 
            </div>
			<!-- ** On Demand Video starts ** -->
			<div class="dt-sc-margin30"></div>
			<div class="full-width-section">
				<div class="container">
                	<h3 class="aligncenter"> On Demand Videos of coaching class </h3>
				    <div class="dt-sc-margin20"></div>
					<div class="column dt-sc-one-third first grey1 demand_First">
					<h4 class="aligncenter"> 10th Standard </h4>
						<div class="full-width-section">
							<div class="column dt-sc-two-third first">
								<ul class="list-inline">
									<li><h6><strong> Science </strong></h6></li>
									<li><a href=""> Atoms and Molecules </a></li>
								</ul><br />
							</div>
							<div class="column dt-sc-one-third">
								<a href="#demand-science" role="button" class="btn" data-toggle="modal"><input class="button button-small" value="View More" type="submit"> </a>
							</div>
						</div>
						<div class="full-width-section">
							<div class="column dt-sc-two-third first">
								<ul class="list-inline">
									<li><h6><strong> Mathematics </strong></h6></li>
									<li><a href="#"> Algebra class-1 </a></li>
								</ul>
								</div>
							<div class="column dt-sc-one-third">
								<a href="#demand-Maths" role="button" class="btn" data-toggle="modal"><input class="button button-small" value="View More" type="submit"> </a>
							</div>
						</div>
					</div>
					<div class="column dt-sc-one-third grey1">
						<h4 class="aligncenter">This is Dummy Text will be changed in future</h4>
						<a href="#" class="aligncenter"> <input class="button button-small" value="Click to view" type="button"> </a>
					</div> 
					<div class="column dt-sc-one-third grey1">
						<h4 class="aligncenter">Ask for On-demand Videos of previous class</h4>
						<a href="#" class="aligncenter"> <input class="button button-small" value="On-demand Videos " type="button"> </a>
					</div> <!-- **container - Ends** -->
                </div> <!-- **container - Ends** -->
				<div class="dt-sc-margin20"></div> 
            </div>
			<!-- ** On Demand Video ends ** -->
           
			       
        </div> 
        <footer id="footer">
        	<div class="footer-widgets-wrapper">
                <div class="container">
                
                    <div class="column dt-sc-one-fourth first">
                        <aside class="widget widget_text">
                            <h3 class="widget-title">Contact  <span class="wlast"> Us </span><span class="small-line"> </span></h3> 
                            <p> <i class="fa fa-phone"></i> <span>Phone:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-print"></i> <span>Fax:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-envelope"></i> <span> Email:</span> <a href="#">Vidyasannidhi@gmail.com</a> </p>
                            <p> <i class="fa fa-globe"></i> <span>Web:</span> <a href="#">www.Vidyasannidhi.com</a> </p>
                            <p> <i class="fa fa-location-arrow"></i> <span>58, Thomson Street, Edison Avenue,
         Baltimore, USA</span> </p>
                                                
                        </aside>
                    </div>
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_popular_entries">
                            <h3 class="widget-title">Popular <span class="wlast">Posts</span><span class="small-line"> </span></h3>
                            <div class="recent-property-widget">
                                <ul>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </aside>
                    </div>   
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_tweetbox">
                            <h3 class="widget-title">Twitter <span class="wlast">Feeds</span><span class="small-line"> </span></h3>	
                        </aside>
                    </div>
                
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget mailchimp">
                            <h3 class="widget-title">Newsletter <span class="wlast">Subscription</span><span class="small-line"> </span></h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was of the great explorer.</p>
                            <form method="post" class="mailchimp-form" name="frmNewsletter" action="php/subscribe.php">	
                                <p><span class="fa fa-envelope"></span>
                                <input type="email" placeholder="Enter Email" name="email" value="" required/>	
                                <input type="submit" name="submit" class="dt-sc-button" value="Subscribe" /></p>
                            </form>
                            <div id="ajax_newsletter_msg"></div>
                            <div class="dt-sc-hr-invisible-small"></div>
                            <ul class="dt-sc-social-icons">
                                <li><a class="dt-sc-tooltip-top facebook" href='#' target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top twitter" href='#' target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top google-plus" href='#' target="_blank" title="Google-plus"> <i class="fa fa-google-plus"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top pinterest" href='#' target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top youtube" href='#' target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
                            </ul>
                        </aside>
                    </div>
                    
                </div>
        	</div><!-- **footer-widgets-wrapper - End** -->
            
            <div class="copyright">
            	<div class="container">
                	<p>Vidyasannidhi | All rights Reserved. © 2015 </p>
                    <ul class="footer-links">
                    	<li><a href="#">About Us</a>|</li>
                        <li><a href="#">How It Works</a>|</li>
                        <li><a href="#">Tuition Offered</a>|</li>
                        <li><a href="#">Pricing</a>|</li>
                        <li><a href="#">Student Registration</a>|</li>
                        <li><a href="#">Feedback</a>|</li>
                    </ul>
                </div>
            </div>
            
        </footer> <!-- **Footer - End** -->
        
	</div><!-- **inner-wrapper - End** -->
    
</div><!-- **Wrapper - End** -->
<div id="library" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">Library/ Material For reference</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                           
							<?php $subjects = $this->db->get_where('tbl_courses',array('type'=>'subject'))->result_array();
									foreach($subjects as $key => $subject){
										?>
										 <li class="column dt-sc-one-sixth first"><a href="#" class="<?if($key == 0){echo 'current';}?>">
											<div class="dt-sc-ico-content type14">
												<h4> <?php echo $subject['name']; ?></h4>
											</div>
											</a>
										</li>
										<?php
									}
							?>
							
                         
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                       <?php $subjects = $this->db->get_where('tbl_courses',array('type'=>'subject'))->result_array();
									foreach($subjects as $key => $subject){ ?>
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
							<div class="dt-sc-tabs-frame-content" <?php if($key == 1) {echo 'style="display: block;"';}?>>
							<?php $data_library	= $this->db->get_where('tbl_library',array('subject'=>$subject['id'],
										'class'=>$this->db->get_where('tbl_courses',array('type'=>'class','name'=>'class 1'))->row()->id))->result_array();										
										?>
								<div class="dt-sc-toggle-frame-set type3">
								<?php
								$i = 1;
								foreach($data_library as $key => $library) { ?>
									<h5 class="dt-sc-toggle-accordion <?php if($key == 0){echo 'active'; } ?>">
										<a href="#"><strong><?php echo $i;?>.</strong> <?php echo $library["title"];?></a>
									</h5>
									<div class="dt-sc-toggle-content" <?php if($key == 0){echo 'style="display: block;"'; } ?>>
										<div class="block">
											<?php echo $library['all_noti']; ?>
										</div>
									</div>									
								<?php $i++;  } ?>
								</div> <!-- **dt-sc-toggle-frame-set - Ends** -->
						   </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
									<?php } ?>
                        
                    </div>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="Schedule" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">Class Schedule For Today & This Week</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                            <li class="column dt-sc-one-half"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  Today </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-half"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <h4>  This Week </h4>
                                </div>
                                </a> 
                            </li>
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
							<?php $schedules = $this->db->get_where('tbl_schedule',array('date'=>date('m/d/Y')))->result_array();
							foreach($schedules as $schedule) { ?>
								<div class="alert alert-info fade in" style="width:100%;">
									<a href="#" class="close" data-dismiss="alert">&times;</a>
									<strong><?php echo $schedule['schedule_title']; ?> : </strong> <?php echo $schedule['content']; ?>.
								</div>
							<?php } ?>							
						</div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <?php
							$date1 = strtotime("+1 day");
							$date2 = strtotime("+7 day");
							$schedules = $this->db->where("date BETWEEN '". date('m/d/Y',$date1) ."' AND '". date('m/d/Y', $date2) ."'")->get('tbl_schedule')->result_array();
							foreach($schedules as $schedule) { ?>
								<div class="alert alert-info fade in" style="width:100%;">
									<a href="#" class="close" data-dismiss="alert">&times;</a>
									<h4> <?php echo $schedule['date']; ?> </h4>
									<strong><?php echo $schedule['schedule_title']; ?> : </strong> <?php echo $schedule['content']; ?>.
								</div>
							<?php } ?>	
						</div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                    </div>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>

<div id="science-video" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Physics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<h4>Ohm's Law</h4>
			<p><strong>Ohm's Law</strong> video Tutorial for easy understanding the LAW, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
			<iframe src="https://player.vimeo.com/video/53801675" width="95%" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/53801675">Mathematics</a> from <a href="https://vimeo.com/user14076763">Vidyasannidhi</a></p>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="maths-video" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Mathematics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical" style="display: block;">
			<h4>Adjoint of a Matrix</h4>
			<p><strong>Adjoint of a Matrix</strong> video Tutorial for easy understanding the LAW, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aldus PageMaker including versions of Lorem Ipsum.</p>
			<iframe src="https://player.vimeo.com/video/53801675" width="95%" height="380" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/53801675">Mathematics</a> from <a href="https://vimeo.com/user14076763">Vidyasannidhi</a></p>
		</div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="demand-science" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Science)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical-container type2">
                        
                        <!-- **dt-sc-tabs-vertical-frame - Starts** -->
                        <ul class="dt-sc-tabs-vertical-frame">
                            <li class="first current"> <a href="#" class="current"> Topic First </a> </li>
                            <li> <a href="#"> Topic Second </a> </li>
                            <li> <a href="#"> Topic Third </a> </li>
                            <li> <a href="#"> Topic Fourth </a> </li>
                            <li class="last"> <a href="#"> Topic Fifth </a> </li>
                        </ul> <!-- **dt-sc-tabs-vertical-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: block;">
                            <h4> Topic First </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Second </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Third </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Fourth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Sixth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                            
                    </div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
<div id="demand-Maths" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">On demand Video(Mathematics)</h5>
	</div>
	<div class="modal-body">
  
		<div class="dt-sc-tabs-vertical-container type2">
                        
                        <!-- **dt-sc-tabs-vertical-frame - Starts** -->
                        <ul class="dt-sc-tabs-vertical-frame">
                            <li class="first current"> <a href="#" class="current"> Topic First </a> </li>
                            <li> <a href="#"> Topic Second </a> </li>
                            <li> <a href="#"> Topic Third </a> </li>
                            <li> <a href="#"> Topic Fourth </a> </li>
                            <li class="last"> <a href="#"> Topic Fifth </a> </li>
                        </ul> <!-- **dt-sc-tabs-vertical-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: block;">
                            <h4> Topic First </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Second </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Third </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Fourth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                        <!-- **dt-sc-tabs-vertical-frame-content - Starts** -->
                        <div class="dt-sc-tabs-vertical-frame-content" style="display: none;">
                            <h4> Topic Sixth </h4>
                            <iframe src="https://player.vimeo.com/video/65638589" width="650" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/65638589">Danone New Learning Strategy</a> from <a href="https://vimeo.com/formidable">Formidable</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
                        </div> <!-- **dt-sc-tabs-vertical-frame-content - Ends** -->
                            
                    </div>
	</div>
	<div class="modal-footer">
		<input class="button" data-dismiss="modal" aria-hidden="true" type="submit" value="Close">
	</div>
</div>
	<!-- **jQuery** -->  
	<script src="<?php echo base_url();?>js/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>js/fancywebsocket.js"></script>
    <script src="<?php echo base_url();?>js/jquery-migrate.min.js"></script>
    
    <script src="<?php echo base_url();?>js/pace.min.js" type="text/javascript"></script>
    
	<script src="<?php echo base_url();?>js/jquery.tabs.min.js"></script>
	<script src="<?php echo base_url();?>js/jquery.nav.js" type="text/javascript"></script>
	
	<script src="<?php echo base_url();?>js/jquery.meanmenu.min.js" type="text/javascript"></script>
	
    
	<!-- **Sticky Nav** -->
	<script src="<?php echo base_url();?>js/jquery.sticky.js" type="text/javascript"></script>
    
	<!-- **To Top** -->
	<script src="<?php echo base_url();?>js/custom.js" type="text/javascript"></script>  
	<script src="<?php echo base_url();?>js/bootstrap.js" type="text/javascript"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/colorpicker.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>js/eye.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>js/utils.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>js/layout.js?ver=1.0.2"></script>	
	<!-- <script type="text/javascript">
		var colors = ["red", "blue", "yellow", "#00bcf2", "orange", "black", "cyan", "#26d692","#ffbcbc"]

		function changeColor() {
			var col = document.getElementById("colorchanger");
			col.style.backgroundColor = colors[Math.floor((Math.random()*8)+1)];
		}
	</script>  -->
          
	<script>
		
		function getDateTime() {
									var now     = new Date(); 
									var year    = now.getFullYear();
									var month   = now.getMonth()+1; 
									var day     = now.getDate();
									var hour    = now.getHours();
									var minute  = now.getMinutes();
									var second  = now.getSeconds(); 
									if(month.toString().length == 1) {
										var month = '0'+month;
									}
									if(day.toString().length == 1) {
										var day = '0'+day;
									}   
									if(hour.toString().length == 1) {
										var hour = '0'+hour;
									}
									if(minute.toString().length == 1) {
										var minute = '0'+minute;
									}
									if(second.toString().length == 1) {
										var second = '0'+second;
									}   
									var dateTime = hour+':'+minute+':'+second;   
									 return dateTime;
								}
		var new_time = getDateTime();
		$(document).ready(function() {
			$('#message').keypress(function(e) {
				if ( e.keyCode == 13 && this.value ) {
					send( '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+new_time+'</span> </div> ' + $('#message').val() +'</div></div>'  );
					$(this).val('');
				}
			});
			$('#send_msg').click(function(e) {
				if ( $('#message').val() !== "" ) {
					send(  '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+ new_time +'</span> </div> ' + $('#message').val() +'</div></div>'  );
					$('#message').val('');
				}
			});
		});
		function log( text ) {
			$log = $('#log');
			//Add text to log
			$log.append(($log.val()?"\n":'')+text);
			//Autoscroll
			$log[0].scrollTop = $log[0].scrollHeight - $log[0].clientHeight;
		}
		//Load the file containing the chat log
		function loadLog(){		
			var oldscrollHeight = $("#log").attr("scrollHeight") - 20; //Scroll height before the request
			$.ajax({
				url: "<?php echo base_url();?>log.html",
				cache: false,
				success: function(html){
					$log = $('#log');					
					$log.html(html);						
					$log[0].scrollTop = $log[0].scrollHeight - $log[0].clientHeight;			
				},
			});
		}
	
		setInterval (loadLog, 2500);
		function send( text ) {
			$.post("<?php echo base_url();?>posts/post", {text: text});
		}
		/*var Server;
		function log( text ) {
			$log = $('#log');
			//Add text to log
			$log.append(($log.val()?"\n":'')+text);
			//Autoscroll
			$log[0].scrollTop = $log[0].scrollHeight - $log[0].clientHeight;
		}

		function send( text ) {
			Server.send( 'message', text );
		}
		
		$(document).ready(function() {
			//log('Connecting...');
			Server = new FancyWebSocket('ws://'+location.hostname);

			$('#message').keypress(function(e) {
				if ( e.keyCode == 13 && this.value ) {
					log( '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+new_time+'</span> </div> ' + $('#message').val() +'</div></div>' );
					send( '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+new_time+'</span> </div> ' + $('#message').val() +'</div></div>'  );
					$(this).val('');
				}
			});
			$('#send_msg').click(function(e) {
				if ( this.value ) {
					log( '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+ new_time +'</span> </div> ' + $('#message').val() +'</div></div>' );
					send(  '<div class="item item-visible"><div class="text"><div class="heading"><a><?php echo $session["uname"];?></a><span class="date">'+ new_time +'</span> </div> ' + $('#message').val() +'</div></div>'  );
					$('#message').val('');
				}
			});

			//Let the user know we're connected
			Server.bind('open', function() {
				//log( "Connected." );
			});

			//OH NOES! Disconnection occurred.
			Server.bind('close', function( data ) {
				//log( "Disconnected." );
			});

			//Log any messages sent from server
			Server.bind('message', function( payload ) {
				log( payload );
			});
	
			Server.connect();
		});*/
	</script>
</body>
</html>
